<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui" xmlns:f="http://java.sun.com/jsf/core"
                xmlns:constants="http://www.tuanzi.com/constants/tags"
                xmlns:component="http://java.sun.com/jsf/composite/component"
                template="/templates/template.xhtml">
    <ui:define name="title">甲方数据变更详情</ui:define>
    <ui:define name="content">
        <h:form id="form">
            <div class="ui-g ui-fluid" style="padding-top: 30px;">
                <div class="ui-g-12 ">
                    <div class="ui-g-12 card">
                        <h1>本周数据（提示：如果有多种合作方式，请点击新增按钮增加多行填写）</h1>

                        <p:commandButton value="新增" id="addaction" actionListener="#{jfBackDataBean.addJfBackData}"
                                         styleClass="ui-priority-primary" update="jfBackDataTable"
                                         style="height: 30px;width:60px;float: left"/>

                        <h:panelGrid columns="2" style="margin-top: 1%; margin-left: 100px" cellpadding="5">
                            <p:selectOneRadio id="type"
                                              value="#{jfBackDataBean.$.type}">

                                <p:ajax listener="#{jfBackDataBean.onTypeValueChange}"
                                        update="jfBackDataTable,filepanel,upImage"/>

                                <f:selectItem itemLabel="按天结算" itemValue="0"/>
                                <f:selectItem itemLabel="按周结算" itemValue="1"/>
                            </p:selectOneRadio>
                        </h:panelGrid>

                        <p:growl id="msgs" showDetail="true"/>

                        <!--table-->
                        <p:dataTable id="jfBackDataTable"
                                     style="width: 100%"
                                     var="jfSltBackData"
                                     value="#{jfBackDataBean.jfSltBackDataList}"
                                     rows="#{constants:get('ROWS')}"
                                     lazy="true"
                                     paginator="true"
                                     paginatorTemplate="#{constants:get('PAGINATOR_TEMPLATE')}"
                                     rowsPerPageTemplate="#{constants:get('ROWS_PER_PAGE_TEMPLATE')}"
                                     emptyMessage="#{constants:get('EMPTY_MESSAGE')}"
                                     reflow="true"
                                     resizableColumns="true"
                                     editable="true">
                            <p:growl id="meage" showDetail="true" />
                            <p:ajax event="rowEdit" listener="#{jfBackDataBean.onRowEdit}" update=":form:msgs"/>
                            <p:ajax event="rowEditCancel" listener="#{jfBackDataBean.onRowDelete}" update=":form:msgs">
                            </p:ajax>


                            <p:column headerText="结算日期" rendered="#{jfBackDataBean.$.type==0}">
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:outputText value="#{jfSltBackData.beginDate}">
                                            <f:convertDateTime pattern="#{constants:get('DATE_FORMAT')}"/>
                                        </h:outputText>
                                    </f:facet>
                                    <f:facet name="input">
                                        <p:calendar id="beginDateByDay" value="#{jfSltBackData.beginDate}"
                                                    locale="#{constants:get('LOCALE')}"
                                                    timeZone="#{constants:get('TIME_ZONE')}"
                                                    pattern="#{constants:get('DATE_FORMAT')}">
                                        </p:calendar>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="开始日期" rendered="#{jfBackDataBean.$.type==1}">
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:outputText value="#{jfSltBackData.beginDate}">
                                            <f:convertDateTime pattern="#{constants:get('DATE_FORMAT')}"/>
                                        </h:outputText>
                                    </f:facet>
                                    <f:facet name="input">
                                        <p:calendar id="beginDateByWeek" value="#{jfSltBackData.beginDate}"
                                                    locale="#{constants:get('LOCALE')}"
                                                    timeZone="#{constants:get('TIME_ZONE')}"
                                                    pattern="#{constants:get('DATE_FORMAT')}"/>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="结束日期" rendered="#{jfBackDataBean.$.type==1}">
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:outputText value="#{jfSltBackData.endDate}">
                                            <f:convertDateTime pattern="#{constants:get('DATE_FORMAT')}"/>
                                        </h:outputText>
                                    </f:facet>
                                    <f:facet name="input">
                                        <p:calendar id="endDate" value="#{jfSltBackData.endDate}"
                                                    locale="#{constants:get('LOCALE')}"
                                                    timeZone="#{constants:get('TIME_ZONE')}"
                                                    pattern="#{constants:get('DATE_FORMAT')}"/>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="推广渠道">
                                <p:cellEditor>
                                    <f:facet name="output">
                                        <h:selectOneMenu value="#{jfSltBackData.markChannel}" style="width:100%"
                                                         disabled="true">
                                            <f:selectItem itemLabel="请选择" itemValue=""/>
                                            <f:selectItems
                                                    value="#{jfBackDataBean.dictionaries[DictionaryCode.SETTLEMENT_SPREAD_CHANNEL]}"
                                                    var="dic"
                                                    itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                        </h:selectOneMenu>
                                    </f:facet>
                                    <f:facet name="input">
                                        <h:selectOneMenu value="#{jfSltBackData.markChannel}" style="width:100%">
                                            <f:selectItems
                                                    value="#{jfBackDataBean.dictionaries[DictionaryCode.SETTLEMENT_SPREAD_CHANNEL]}"
                                                    var="dic"
                                                    itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                        </h:selectOneMenu>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="注册数"
                                      rendered="#{jfBackDataBean.companyInfo.copMode==0 or jfBackDataBean.companyInfo.copMode==3}">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText
                                            value="#{jfSltBackData.registerNum==null ? '请填写':jfSltBackData.registerNum}"/></f:facet>
                                    <f:facet name="input"><p:inputNumber  value="#{jfSltBackData.registerNum}"
                                                                          style="width:100%">
                                        <p:ajax listener="#{jfBackDataBean.onChangeStlMoney(jfSltBackData)}" event="keyup" update="sltmoney"/>
                                    </p:inputNumber>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="点击数" rendered="#{jfBackDataBean.companyInfo.copMode==2}">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText
                                            value="#{jfSltBackData.clickNum==null ? '请填写':jfSltBackData.clickNum}"/></f:facet>
                                    <f:facet name="input"><p:inputNumber value="#{jfSltBackData.clickNum}"
                                                                         style="width:100%">
                                        <p:ajax listener="#{jfBackDataBean.onChangeStlMoney(jfSltBackData)}" event="keyup" update="sltmoney"/>
                                    </p:inputNumber>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column headerText="放款总金额"
                                      rendered="#{jfBackDataBean.companyInfo.copMode==1 or jfBackDataBean.companyInfo.copMode==3}">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText
                                            value="#{jfSltBackData.lendMoney==null ? '请填写':jfSltBackData.lendMoney}"/></f:facet>
                                    <f:facet name="input"><p:inputNumber value="#{jfSltBackData.lendMoney}"
                                                                         style="width:100%">
                                        <p:ajax listener="#{jfBackDataBean.onChangeStlMoney(jfSltBackData)}" event="keyup" update="sltmoney"/>
                                    </p:inputNumber>
                                    </f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column  headerText="结算金额">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText
                                            value="#{jfSltBackData.sltMoney==null ? '(不填写按公式算)':jfSltBackData.sltMoney}"/></f:facet>
                                    <f:facet name="input"><p:inputNumber id="sltmoney" value="#{jfSltBackData.sltMoney}"
                                                                         style="width:100%"/></f:facet>
                                </p:cellEditor>

                            </p:column>
                            <p:column headerText="参与UV">
                                <h:outputText value="#{jfSltBackData.participateUv}"/>
                            </p:column>
                            <p:column headerText="UV价值">
                                <h:outputText value="#{jfSltBackData.uvValue}">
                                    <f:convertNumber pattern="#.##"/>
                                </h:outputText>
                            </p:column>

                            <p:column headerText="创建时间">
                                <h:outputText value="#{jfSltBackData.createTime}">
                                    <f:convertDateTime pattern="#{constants:get('DATETIME_FORMAT')}"/>
                                </h:outputText>
                            </p:column>
                            <p:column headerText="创建人">
                                <h:outputText value="#{jfSltBackData.createMan}"/>
                            </p:column>

                            <p:column headerText="备注">
                                <p:cellEditor>
                                    <f:facet name="output"><h:outputText value="#{jfSltBackData.remark}"/></f:facet>
                                    <f:facet name="input"><p:inputText value="#{jfSltBackData.remark}"
                                                                       style="width:100%"/></f:facet>
                                </p:cellEditor>
                            </p:column>

                            <p:column style="width:32px" headerText="编辑">
                                <p:rowEditor rendered="#{jfSltBackData.isEdit==1}"/>
                                <!--<p:confirm header="信息提示" message="确定注销您的账户么？" icon="ui-icon-alert" width="10%"/>-->
                                <!--<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">-->
                                    <!--<p:commandButton value="是" type="button" styleClass="ui-confirmdialog-yes"-->
                                                     <!--icon="ui-icon-check"/>-->
                                    <!--<p:commandButton value="否" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>-->
                                <!--</p:confirmDialog>-->
                            </p:column>

                        </p:dataTable>

                        <!--文件上传-->

                        <!--没有上传过文件显示-->
                        <p:panel id="filepanel">
                            <div style="display: flex;align-items: center;margin-top: 2%;">

                                <h:outputText value="结算凭证" style="margin-right: 2%;margin-left: 0.2%;"/>

                                <p:fileUpload fileUploadListener="#{jfBackDataBean.fileUpload}" mode="advanced"
                                              update="messages,filepanel,upImage" auto="true" process="@this"
                                              allowTypes="/(\.|\/)(gif|jpe?g|png|xls?x)$/" label="上传"
                                              rendered="#{jfBackDataBean.fileUrl==null}"/>

                                <p:commandButton value="查看" style="margin-right: 2%"
                                                 process="@this"
                                                 onclick="PF('upImage').show()"
                                                 rendered="#{jfBackDataBean.fileUrl!=null}"/>


                                <p:fileUpload fileUploadListener="#{jfBackDataBean.fileUpload}" mode="advanced"
                                              update="messages,filepanel,upImage" auto="true" process="@this"
                                              allowTypes="/(\.|\/)(gif|jpe?g|png|xls?x)$/" label="重新上传"
                                              rendered="#{jfBackDataBean.fileUrl!=null}"/>

                                <p:growl id="messages" showDetail="true"/>
                            </div>
                        </p:panel>

                        <!-- 这里是信息-->
                        <div class="ui-g" style="margin-top: 2%">
                            <div class="ui-g-12"><h3><b>公司信息</b></h3></div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方公司名称"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.companyName}" disabled="true"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="合作模式"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:selectOneMenu id="copMode" value="#{jfBackDataBean.companyInfo.copMode}"
                                                 disabled="true">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                                  noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{jfBackDataBean.dictionaries[DictionaryCode.COOPERATION_MODE]}"
                                            var="dic"
                                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                </p:selectOneMenu>

                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="产品名称"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:chips id="advantageTag" value="#{jfBackDataBean.productNames}"
                                         disabled="true"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="纳税识别号"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.taxIdentificationNumber}"
                                             disabled="true"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="公司背景"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:selectOneMenu id="companyBackground"
                                                 value="#{jfBackDataBean.companyInfo.companyBackground}"
                                                 disabled="true">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                                  noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{jfBackDataBean.dictionaries[DictionaryCode.COMPANY_BACKGROUND]}"
                                            var="dic"
                                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                </p:selectOneMenu>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="公司固话"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.companyPhone}" disabled="true"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方商务姓名"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.contactName}" />
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方商务电话"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.contactPhone}" />
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方商务邮箱"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText id="contactEmail" value="#{jfBackDataBean.companyInfo.contactEmail}">
                                </p:inputText>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方对公邮箱"/>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText id="firstPartyEmail" value="#{jfBackDataBean.companyInfo.firstPartyEmail}">
                                </p:inputText>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方实际办公地址"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText id="firstPartyAddress" value="#{jfBackDataBean.companyInfo.firstPartyAddress}">
                                </p:inputText>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="是否一般纳税人"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputSwitch id="ifGeneralTaxpayer" onLabel="是" offLabel="否" disabled="true"
                                               value="#{jfBackDataBean.companyInfo.ifGeneralTaxpayer}" />
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="甲方审核方式"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:selectOneMenu id="verifyMode" value="#{jfBackDataBean.companyInfo.verifyMode}"
                                                 disabled="true">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                                  noSelectionOption="true"/>
                                    <f:selectItems value="#{jfBackDataBean.dictionaries[DictionaryCode.APPROVAL_TYPE]}"
                                                   var="dic"
                                                   itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                </p:selectOneMenu>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="我司商务负责人"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.principal}" disabled="true"/>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="我司甲方商务核查人"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:inputText value="#{jfBackDataBean.companyInfo.auditor}" disabled="true"/>
                            </div>



                            <div class="ui-g-12"><h3><b>结算信息</b></h3></div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算价格"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText value="#{jfBackDataBean.companyInfo.settlementPriceCps}"
                                                 disabled="true"/>
                                    <span class="input-group-addon">%</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算价格"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText value="#{jfBackDataBean.companyInfo.settlementPriceCpa}"
                                                 disabled="true"/>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算周期"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:selectOneMenu id="settlementPeroid"
                                                 value="#{jfBackDataBean.companyInfo.settlementPeroid}" disabled="true">
                                    <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                                  noSelectionOption="true"/>
                                    <f:selectItems
                                            value="#{jfBackDataBean.dictionaries[DictionaryCode.SETTLEMENT_CYCLE]}"
                                            var="dic"
                                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                </p:selectOneMenu>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="结算账期"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText value="#{jfBackDataBean.companyInfo.settlementPaymentPeroid}"
                                                 disabled="true"/>
                                    <span class="input-group-addon">工作日</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="预付金额"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <div class="input-group">
                                    <p:inputText value="#{jfBackDataBean.companyInfo.taxIdentificationNumber}"
                                                 disabled="true"/>
                                    <span class="input-group-addon">元</span>
                                </div>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="我司收款账户"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:selectOneMenu id="receivableAccount"
                                                 value="#{jfBackDataBean.companyInfo.receivableAccount}">
                                    <p:ajax event="change" process="@this"
                                            listener="#{jfBackDataBean.onChangeReceiveAccount}"
                                            update="receivableCardNumber"/>
                                    <f:selectItems
                                            value="#{jfBackDataBean.dictionaries[DictionaryCode.SETTLEMENT_RECEIVE_ACCOUNT]}"
                                            var="dic"
                                            itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                </p:selectOneMenu>
                            </div>
                            <div class="ui-g-2">
                                <p:outputLabel value="我司收款卡号"/>
                                <strong style="color: red">*</strong>
                            </div>
                            <div class="ui-g-4">
                                <p:selectOneMenu id="receivableCardNumber"
                                                 value="#{jfBackDataBean.companyInfo.receivableCardNumber}">
                                    <p:ajax event="change" process="@this"
                                            listener="#{jfBackDataBean.onChangeReceiveAccountNumber}"
                                            update="receivableAccount"/>
                                    <f:selectItems
                                            value="#{jfBackDataBean.dictionaries[DictionaryCode.SETTLEMENT_RECEIVE_ACCOUNT]}"
                                            var="dic"
                                            itemLabel="#{dic.value2}" itemValue="#{dic.value2}"/>
                                </p:selectOneMenu>
                            </div>

                            <div class="ui-g-12"><h3><b>开票信息</b></h3></div>
                            <p:outputPanel id="invoicePanel" styleClass="ui-g-12" style="padding: 0px;">
                                <p:outputPanel styleClass="ui-g-6" style="padding: 0px">
                                    <div class="ui-g-4">
                                        <p:outputLabel value="是否开发票"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-8">
                                        <p:inputSwitch id="ifInvoice" onLabel="是" offLabel="否"
                                                       value="#{jfBackDataBean.companyInfo.ifInvoice}">
                                            <p:ajax event="change" process="invoicePanel"
                                                    update="invoicePanel"/>
                                        </p:inputSwitch>
                                    </div>
                                </p:outputPanel>
                                <p:outputPanel styleClass="ui-g-6" style="padding: 0px"
                                               rendered="#{jfBackDataBean.companyInfo.ifInvoice == false}">
                                    <div class="ui-g-4">
                                        <p:outputLabel value="打款人姓名"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-8">
                                        <p:inputText id="payer" value="#{jfBackDataBean.companyInfo.payer}"/>
                                    </div>
                                </p:outputPanel>
                                <p:outputPanel styleClass="ui-g-12" style="padding: 0px;"
                                               rendered="#{jfBackDataBean.companyInfo.ifInvoice == true}">
                                    <div class="ui-g-2">
                                        <p:outputLabel value="开票内容"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:selectOneMenu id="invoiceContent"
                                                         value="#{jfBackDataBean.companyInfo.invoiceContent}">
                                            <f:selectItem itemLabel="- 请选择 -" itemValue=""
                                                          noSelectionOption="true"/>
                                            <f:selectItems
                                                    value="#{jfBackDataBean.dictionaries[DictionaryCode.SETTLEMENT_BILLING_CONTENT]}"
                                                    var="dic"
                                                    itemLabel="#{dic.name}" itemValue="#{dic.value1}"/>
                                        </p:selectOneMenu>
                                    </div>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="甲方开户支行"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText id="firstPartyBank"
                                                     value="#{jfBackDataBean.companyInfo.firstPartyBank}"/>
                                    </div>
                                    <div class="ui-g-6"/>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="甲方银行账户"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText id="firstPartyAccount"
                                                     value="#{jfBackDataBean.companyInfo.firstPartyAccount}"/>
                                    </div>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="甲方银行卡号"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText id="firstPartyCardNumber"
                                                     value="#{jfBackDataBean.companyInfo.firstPartyCardNumber}"/>
                                    </div>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="开票地址"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText id="invoiceAddress"
                                                     value="#{jfBackDataBean.companyInfo.invoiceAddress}"/>
                                    </div>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="收件人姓名"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText id="recipientsName"
                                                     value="#{jfBackDataBean.companyInfo.recipientsName}"/>
                                    </div>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="收件人手机号"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText type="number" id="recipientsMobile"
                                                     value="#{jfBackDataBean.companyInfo.recipientsMobile}"/>
                                    </div>
                                    <div class="ui-g-2">
                                        <p:outputLabel value="收件详细地址"/>
                                        <strong style="color: red">*</strong>
                                    </div>
                                    <div class="ui-g-4">
                                        <p:inputText id="deliveryAddress"
                                                     value="#{jfBackDataBean.companyInfo.deliveryAddress}"/>
                                    </div>
                                </p:outputPanel>
                            </p:outputPanel>

                            <component:workflow-basic workflowBean="#{jfBackDataBean}"/>

                        </div>
                    </div>
                </div>
            </div>

            <p:dialog widgetVar="upImage" modal="true" resizable="false" showEffect="clip" hideEffect="clip">
                <h:graphicImage id="upImage" url="#{jfBackDataBean.fileUrl}"/>

            </p:dialog>


        </h:form>
    </ui:define>
</ui:composition>
